<template>
  <div class="login-container">
    <!--  背景  -->
    <div class="bg">
      <Background></Background>
    </div>

    <!--  内容  -->
    <div class="login-box">
      <LoginBox></LoginBox>
    </div>
  </div>
</template>

<script>
import Background from "@/components/login/Background"
import LoginBox from "@/components/login/LoginBox"

export default {
  //组件名称
  name: "Login",
  //组件注册
  components: {Background, LoginBox},
}
</script>

<style lang="less" scoped>
//登录界面
.login-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

//登录盒子
.login-box {
  position: absolute;
  top: calc(20%);
  right: calc(15%);
}
</style>